﻿html, body
{
    height: 100%;
    margin: 0px;
    overflow: hidden;
    font-family: "Helvetica Neue" , "lucida Grande" , "Verdana";
}

#top-bar
{
    height: 40px;
    border-bottom: 1px solid #ddd;
}

#doc-title
{
    font-size: 20pt;
    font-weight: bold;
    line-height: 40px;
    padding-left: 10px;
    display:block;
    overflow:hidden;
    margin-right:150px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

#right-block
{
    position: absolute;
    right: 10px;
    top: 5px;
    font-size:12px;
}

#right-block a
{
    height:22px;
    cursor:pointer;
    margin:0px 2px;
    color:Black;
    text-decoration:none;
    background-color:rgb(204, 204, 204);
    background-image:-webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(235, 235, 235) 90%, rgb(243, 243, 243) 100%);
    padding:0px 10px;
    border:1px solid #B4B4B4;
    display:inline-block;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#d7d7d7');
}

#right-block span
{
    display:inline-block;
    margin-top:4px;
}

#right-block i
{
    background:url(../imgs/file/list-opt.png);
    width:16px;
    height:16px;
    float:left;
    margin-top:4px;
}

#a-down i
{
    background-position:-282px 0px ;
}

#a-down:hover i
{
    background-position:-282px -20px;
}

#a-edit i
{
    background-position:-180px -0px ;
    margin-right:3px;
}

#a-edit:hover i
{
    background-position:-180px -20px ;
}

#content-block
{
    background: rgb(128, 128, 128);
    border: 1px solid white;
    border-bottom-width: 0px;
    border-top-color:#C9C9C9;
    position: absolute;
    top: 40px;
    bottom: 0px;
    right: 0px;
    left: 0px;
}

#frame-wrap
{
    background:white;
    position: absolute; 
    left: 100px;
    right: 100px;
    top: 5px;
    bottom: 0px;
    text-align:center;
}

.in-frame #frame-wrap
{
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

#frame-wrap div
{
    font-size:20px;
    color:gray;
    position:absolute;
    top:30%;
    left:40%;
    padding-top:160px;
    background:url(../imgs/ajax/loading-128.gif) center 0px no-repeat;
}

iframe
{
    left:-3000px;
    width: 100%;
    height:100%;
    position:absolute;
}

.loaded iframe
{
     left:0px;
}

.loaded #frame-wrap div
{
    display:none;
}